import Vue from 'vue'
import Router from 'vue-router'
// 为了优化APP.js，我们按组件来请求
// import home from '@/pages/home/home'
// 城市页面路由配置
import city from '@/pages/city/city'
// 风景详情页面的路由配置01
// import citXiangqing from '@/pages/xiangqing/citXiangqing'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      // component: home
      // 为了APP.js优化，
      component:()=>import('@/pages/home/home')
    },
    // 这是城市页面的路由
    {
      path: '/city',
      name: 'city',
      component: city
    },
    // 风景详情页，前面是路由，后面可以带一个参数，这个参数可以放入一个id里面
    {
      path: '/xiangqing/:id',
      name: 'citXiangqing',
      // component: citXiangqing
      component:()=>import('@/pages/xiangqing/citXiangqing')
    },
  ],
    // 解决路由跳转不返回顶部的问题
    scrollBehavior (to, from, savedPosition) {
      return { x: 0, y: 0 }
    }
})
